@charset "UTF-8";
.wrap .cus_content {
  width: 100%;
  height: auto;
  position: relative;
  width: 100%;
  background: url(../images/b2b/login_bg_02.jpg) no-repeat center/auto 100%;
}

.cus_content_web {
  width: 100%;
  margin-top: 48px;
  margin-bottom: 172px;
}

.login {
  width: 438px;
  height: 444px;
  margin-top: 48px;
  margin-bottom: 45px;
  margin-left: 55%;
  border: 1px solid #EFEFEF;
  font-size: 13px;
  background: #fff;
}

.login h2 {
  padding-left: 44px;
  padding-right: 44px;
  font-size: 16px;
  font-weight: normal;
  color: #99999a;
  margin-top: 26px;
  margin-bottom: 22px;
}

.login h2 .login_left {
  text-align: left;
}

.login h2 .login_right {
  float: right;
  color: #444f58;
  font-size: 13px;
  line-height: 22px;
  cursor: pointer;
}

.login h2 .login_right a {
  color: #444f58;
}

.login h2 .login_right a:hover, .login h2 .login_right a:active {
  color: #eb413d;
}

.login .msg-txt {
  width: 360px;
  margin: 0 auto;
}

.login .msg-txt .msg-alarm {
  margin-bottom: 7px;
  height: 40px;
  text-align: left;
  line-height: 40px;
  background: #f8f8f8;
  padding-left: 20px;
}

.login .msg-txt .msg-alarm b {
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  background: #EB413D;
  color: #fff;
  margin-right: 17px;
}

.login .msg-txt .login_warp {
  display: none;
  padding: 12px 14px;
  margin-bottom: 20px;
  border: 1px solid #e7e7e7;
}

.login .msg-txt .login_warp .user_icon {
  display: inline-block;
  width: 17px;
  height: 18px;
  background: url(../images/exports/login/user_icon.png) no-repeat center;
}

.login .msg-txt .login_warp input[type="text"] {
  width: 150px;
  border: none;
  margin-left: 24px;
  font-size: 13px;
}

.login .msg-txt .password_warp {
  display: none;
  padding: 12px 14px;
  margin-bottom: 22px;
  border: 1px solid #e7e7e7;
}

.login .msg-txt .password_warp .password_icon {
  display: inline-block;
  width: 17px;
  height: 18px;
  background: url(../images/exports/login/password_icon.png) no-repeat center;
}

.login .msg-txt .password_warp input[type="password"] {
  width: 150px;
  border: none;
  font-size: 13px;
  margin-left: 24px;
}

.login .msg-txt .captcha_warp {
  display: none;
  width: 225px;
  float: left;
  padding: 12px 14px;
  margin-bottom: 22px;
  border: 1px solid #e7e7e7;
}

.login .msg-txt .captcha_warp .password_icon {
  display: inline-block;
  width: 17px;
  height: 18px;
  background: url(../images/exports/login/password_icon.png) no-repeat center;
}

.login .msg-txt .captcha_warp input[type="text"] {
  width: 110px;
  border: none;
  font-size: 13px;
}

.login .msg-txt .error {
  display: block;
}

.login .msg-txt .error input::-webkit-input-placeholder {
  color: #eb413d;
}

.login .msg-txt .captcha_warp.error input {
  text-align: left;
}

.login .msg-txt .captcha_warp.error input:nth-child(2) {
  text-align: right;
}

.login .msg-txt img {
  float: left;
}

.login .msg-txt .denglu {
  display: inline-block;
}

.login .msg-txt .denglu:hover, .login .msg-txt .denglu:active {
  color: #EB413D;
}

.login .msg-txt .denglu .check {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  font-weight: bold;
  color: #eb413d;
  cursor: pointer;
  border: 1px solid #9d9d9d;
  border-radius: 1px;
  background: #f8f8f8;
  margin-top: 1px;
  margin-right: 6px;
}

.login .msg-txt .denglu span {
  cursor: pointer;
}

.login .msg-txt .denglu .btn_check {
  display: none;
}

.login .msg-txt .forgot_password {
  text-decoration: underline;
  color: #444F58;
}

.login .msg-txt .forgot_password:hover, .login .msg-txt .forgot_password:active {
  color: #EB413D;
}

.login .msg-txt .btn_354 {
  margin-bottom: 25px;
  margin-top: 25px;
}

.login .msg-line {
  width: 100%;
  height: 1px;
  background: #EFEFEF;
}

.login .other_login {
  width: 360px;
  margin: 20px auto;
}

.login .other_login ul {
  display: inline-block;
}

.login .other_login ul li {
  float: left;
  height: 24px;
  line-height: 24px;
  border-right: 1px solid #E7E7E7;
  margin-right: 12px;
}

.login .other_login ul li i {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.login .other_login ul li a {
  margin-right: 15px;
  cursor: pointer;
}

.login .other_login ul li .qq_icon {
  background: url(../images/exports/login/qq_icon.png) no-repeat;
}

.login .other_login ul li .wechat_icon {
  background: url(../images/exports/login/wechat_icon.png) no-repeat;
}

.login .other_login ul li .weibo_icon {
  background: url(../images/exports/login/weibo_icon.png) no-repeat;
}

.login .other_login .register {
  display: inline-block;
  margin-top: 2px;
}

.login .other_login .register .reg_icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  background: #EB413D;
  color: #fff;
  font-style: normal;
  text-align: center;
  margin-right: 7px;
}

.login .other_login .register .link_reg {
  color: #eb413d;
}

.wrap .cus_bottom_b2b {
  background: #efefef;
  width: 100%;
  height: 192px;
}

.wrap .cus_bottom_b2b p {
  text-align: center;
  padding-top: 29px;
  color: #878787;
}

.wrap .cus_bottom_b2b p span {
  margin-left: 5px;
  margin-right: 8px;
}

.wrap .cus_bottom_b2b p .buer {
  margin-left: 8px;
  margin-right: 19px;
}

.login .msg-txt .btn_sub:hover {
  opacity: 0.8;
}

.login .other_login ul li:last-of-type {
  border: none;
}

.login .msg-txt .denglu span:hover {
  text-decoration: underline;
}

.login .msg-txt .forgot_password:hover {
  text-decoration: none;
}

.login .other_login .register:hover, .login .other_login .register:active {
  text-decoration: underline;
}

.login .other_login ul li > a:visited {
  color: #99999a;
}

.login .other_login ul li > a:hover {
  text-decoration: underline;
  color: #eb413d;
}

.login {
  padding-top: 50px;
  font-size: 16px;
  color: #878787;
}

.login > a {
  color: #444f58;
  font-weight: bold;
}

/**各分页控制**/
.exit {
  height: 340px;
  margin-top: 104px;
}

.exit .msg-text {
  text-align: center;
}

.exit .msg-text .user_name {
  font-size: 24px;
  font-weight: normal;
  margin-top: 58px;
}

.exit .msg-text .exit_exit {
  margin-top: 12px;
  margin-bottom: 60px;
}

.login.zhuce {
  display: block;
}

.exit {
  display: none;
}

.yidenglu {
  display: none;
}
